<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例详情</title>
    <% include ../common/standard.ejs  %>
</head>
<body>
<div id="case-detail">
    <% include ../common/header.ejs  %>
    <div class="navv container-fluid">
        <script type="text/template" id="case-detail-title-tpl">
            <ol class="breadcrumb container">
                <li><a href="/">首页</a></li>
                <li><a href="/case">案例馆</a></li>
                <li class="active">{{=data}}</li>
            </ol>
            <div class="title row">
                <div class="container">
                    <img src="../../img/designer-logo.png" alt="logo"/>{{=data}}
                </div>
            </div>
        </script>
    </div>
    <div class="main">
        <script id="case-detail-tpl" type="text/template">
            <div class="row">
                <div class="col-xs-9 case-box">
                    <div class="swiper-container" id="case-swiper">
                        <div class="swiper-wrapper">
                            {{_.each(data.images, function(item){}}
                            <div class="swiper-slide">
                                <img src="{{=item.image}}" alt="">

                                <div class="hover-content">
                                    <div class="tag">{{=item.type}}</div>
                                    <div class="txt">{{=item.description}}</div>
                                </div>
                            </div>
                            {{})}}
                        </div>
                        <!-- 如果需要分页器 -->
                        <!--<div class="swiper-pagination"></div>-->

                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>

                        <!-- 如果需要滚动条 -->
                        <!--<div class="swiper-scrollbar"></div>-->
                    </div>
                    <div class="case-description">{{=data.description}}</div>
                </div>
                <div class="col-xs-3 right-bar">
                    <div class="case-info">
                        <div class="designer clearfix">
                            <div class="designer-img pull-left"><img src="{{=data.designer.portrait}}" alt=""></div>
                            <div class="designer-info">
                                <div class="d1">
                                    <em class="name">{{=data.designer.name}}</em>
                                    <b class="subtitle">{{=data.designer.title}}</b>
                                </div>
                                <div class="d2">
                                    <img src="../../img/h1.png" alt="">
                                    <img src="../../img/h2.png" alt="">
                                    <a href="#">立即预约</a>
                                </div>
                            </div>
                        </div>
                        <div class="case-detail">
                            <div class="case">
                                <h2>{{=data.title}}</h2>
                                <div class="tags clearfix">
                                    <div class="tag">{{=data.style}}</div>
                                    <div class="tag">喔喔</div>
                                    <div class="tag">11</div>
                                </div>
                                <div class="cc clearfix"><em>所在地</em>{{=data.address}}</div>
                                <div class="cc clearfix"><em>竣工</em>{{=data.completionDate}}</div>
                            </div>
                            <dl class="other-picture">
                                <dt>其他</dt>
                                <dd class="img-list">
                                    {{_.each(data.images, function(item){}}
                                    <img src="{{=item.image}}" alt="">
                                    {{})}}
                                </dd>
                            </dl>
                        </div>
                        <dl class="relate-case">
                            <dt>相似其他案列</dt>
                            {{_.each(data.similarCases, function(item){}}
                            <dd class="col-xs-6">
                                <a href="/case/detail?id={{item.id}}">
                                    <div class="img">
                                        <img src="{{=item.image}}" alt="">
                                    </div>
                                    <div class="content">
                                        <p>{{=item.title}}</p>
                                        <p>{{=item.community}}</p>
                                    </div>
                                </a>
                            </dd>
                            {{})}}
                        </dl>
                    </div>
                </div>
            </div>
        </script>
    </div>
</div>

<script src="../js/lib/requirejs/require.js"></script>
<script src="../js/config.js"></script>
<script src="../js/app/case/detail.js"></script>
</body>
</html>